<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" href="css/top.css">
	<title>消费明细</title>
    <style>
		.header{ text-align: center; background-color: #F06673; color: aliceblue; width: 100%; height: 40px; line-height: 40px;}
		.h-mid { width:70%; height:40px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;}
		.h-mid span { color:#FFF; font-size:12px;}
		.h-left{float:left;width:15%; height:40px;}
        .h-left a{ display:block; width:45px; height:40px; margin:auto; background: url(images/common/splb_icon_back.png) no-repeat 15px center; background-size: auto 16px; }
		.detail{
			margin-left:2%;
			margin-right:2%;
			margin-top:2%;
			padding:3%;
			border:1px solid #949494;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			color:black;
			font-size:12px;
		}
		.price{
			padding-left:4%;
			font-size:14px;
		}
		.total{
			color:#FFBD66;
			font-size:16px;
		}
        .body{ float: left;}
    </style>
</head>

<body>
   <div class="header">
    	<div class="top" style="border-bottom:1px solid #9A9997;">
        <div class="top_left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"><img src="images/icon_back.png" alt=""></a></div>
        消费查询
    </div>
    </div>
	<div class="body">
    	<div class="title">消费明细信息（5笔）</div>
        <div class="list">
        	<div class="detail">
            	<span>商品名称：</span><span>黑森林蛋糕</span><br>
                <span>数量：</span><span>1</span><br>
                <span>单价：</span><span>19.00</span><span class="price">实收金额：</span><span class="total">16.15</span><span class="price">折扣金额：</span><span class="total">2.85</span>
            </div>
        	<div class="detail">
            	<span>商品名称：</span><span>黑森林蛋糕</span><br>
                <span>数量：</span><span>1</span><br>
                <span>单价：</span><span>19.00</span><span class="price">实收金额：</span><span class="total">16.15</span><span class="price">折扣金额：</span><span class="total">2.85</span>
            </div>
        	<div class="detail">
            	<span>商品名称：</span><span>黑森林蛋糕</span><br>
                <span>数量：</span><span>1</span><br>
                <span>单价：</span><span>19.00</span><span class="price">实收金额：</span><span class="total">16.15</span><span class="price">折扣金额：</span><span class="total">2.85</span>
            </div>
        	<div class="detail">
            	<span>商品名称：</span><span>黑森林蛋糕</span><br>
                <span>数量：</span><span>1</span><br>
                <span>单价：</span><span>19.00</span><span class="price">实收金额：</span><span class="total">16.15</span><span class="price">折扣金额：</span><span class="total">2.85</span>
            </div>
        	<div class="detail">
            	<span>商品名称：</span><span>黑森林蛋糕</span><br>
                <span>数量：</span><span>1</span><br>
                <span>单价：</span><span>19.00</span><span class="price">实收金额：</span><span class="total">16.15</span><span class="price">折扣金额：</span><span class="total">2.85</span>
            </div>
        </div>
    </div>
</body>
</html>
